<template>
    <div id="ParagraphIntro">
      <ul>
        <li class="title">
          {{ParagraphIntro_title}}
        </li>
        <li class="content">
          {{ParagraphIntro_content}}
        </li>
      </ul>
    </div>
</template>

<script>
    export default {
        name: "ParagraphIntro",
      props:{
        ParagraphIntro_title:String,
        ParagraphIntro_content:String,
      }
    }
</script>

<style scoped>
#ParagraphIntro{
  letter-spacing: 1px;
  font-size:15px;
}
  #ParagraphIntro ul{

  }
  #ParagraphIntro ul .title{
    padding-top:15px;
    padding-bottom: 5px;
    font-weight: 200;
  }
  #ParagraphIntro ul .content{
    padding-bottom: 10px;
    padding-left:10px;
    padding-right: 10px;
    font-size:10px;
    font-weight: lighter;
    word-break: break-all;
    color:#444444;
  }
</style>
